<template>
  <div class="confirm-modal">
    <button @click="isOpen=true">打开</button>
    <Teleport to="#foot-container">
      <div v-if="isOpen">
        <p>荆防颗粒家乐福可近段时间分开短时间疯狂老爹就是犯贱断开连接富士达解放军的萨克</p>
        <button @click="isOpen=false">取消</button>
      </div>
    </Teleport>
  </div>
</template>

<script>
  import {ref} from 'vue'
  export default {
    name: 'Teleport',
    setup() {
      const isOpen = ref(false)
      return { isOpen }
    }
  }
</script>

<style scoped>

</style>
